(function () {
    $.MsgBox = {
        Alert: function ( msg , callback) {
            GenerateHtml("alert", msg);
            btnOk(callback);  //alert只是弹出消息，因此没必要用到回调函数callback
            btnNo();
        },
        Confirm: function ( msg, callback) {
            GenerateHtml("confirm", msg);
            btnOk(callback);
            btnNo();
        }
    }
    //生成Html
    var GenerateHtml = function (type, msg) {
        var _html = "";
        _html += '<div id="mb_box"></div><div id="mb_con">';
        _html += '<div id="mb_msg">' + msg + '</div><div id="mb_btnbox">';
        if (type == "alert") {
            _html += '<input id="mb_btn_ok" type="button" value="确定" />';
        }
        if (type == "confirm") {
            _html += '<input id="mb_btn_ok" type="button" value="确定" />';
            _html += '<input id="mb_btn_no" type="button" value="取消" />';
        }
        _html += '</div></div>';
        //必须先将_html添加到body，再设置Css样式
        $("body").append(_html);
        //生成Css
        GenerateCss();
    }

    //生成Css
    var GenerateCss = function () {
                                    $("#mb_box").css(
                                      {
                                        width:
                                          "100%",
                                        height:
                                          "100%",
                                        zIndex:
                                          "99999",
                                        position:
                                          "fixed",
                                        filter:
                                          "Alpha(opacity=60)",
                                        backgroundColor:
                                          "black",
                                        top:
                                          "0",
                                        left:
                                          "0",
                                        opacity:
                                          "0.6"
                                      }
                                    );
                                    $("#mb_con").css(
                                      {
                                        zIndex:
                                          "999999",
                                        width:
                                          "60%",
                                        position:
                                          "fixed",
                                        backgroundColor:
                                          "White",
                                        borderRadius:
                                          "15px"
                                      }
                                    );
                                    $("#mb_tit").css(
                                      {
                                        display:
                                          "block",
                                        fontSize:
                                          "14px",
                                        color:
                                          "#444",
                                        padding:
                                          "10px 15px",
                                        backgroundColor:
                                          "#DDD",
                                        borderRadius:
                                          "15px 15px 0 0",
                                        borderBottom:
                                          "2px solid #fabf38",
                                        fontWeight:
                                          "bold"
                                      }
                                    );
                                    $("#mb_msg").css(
                                      {
                                        textAlign:
                                          "center",
                                        paddingTop:
                                          "20px",
                                        paddingBottom:
                                          "20px",
                                        borderBottom:
                                          "1px dashed #DDD",
                                        fontSize:
                                          "14px",
                                        width:
                                          "90%",
                                        margin:
                                          "auto"
                                      }
                                    );
                                    // $("#mb_ico").css({ display: 'block', position: 'absolute', right: '10px', top: '9px',
                                    //     border: '1px solid Gray', width: '18px', height: '18px', textAlign: 'center',
                                    //     lineHeight: '16px', cursor: 'pointer', borderRadius: '12px', fontFamily: 'Microsoft YaHei'
                                    // });
                                    $("#mb_btnbox").css(
                                      {
                                        margin:
                                          "13px 0 10px 0",
                                        textAlign:
                                          "center"
                                      }
                                    );
                                    $("#mb_btn_ok,#mb_btn_no").css(
                                      {
                                        padding:
                                          "3px 15px",
                                        color:
                                          "white",
                                        border:
                                          "none",
                                        fontSize:
                                          "14px"
                                      }
                                    );
                                    $("#mb_btn_ok").css(
                                      {
                                        backgroundColor:
                                          "#fabf38"
                                      }
                                    );
                                    $("#mb_btn_no").css(
                                      {
                                        backgroundColor:
                                          "#546a79",
                                        marginLeft:
                                          "20px"
                                      }
                                    );
                                    var _widht = document.documentElement.clientWidth; //屏幕宽
                                    var _height = document.documentElement.clientHeight; //屏幕高
                                    var boxWidth = $("#mb_con").width();
                                    var boxHeight = $("#mb_con").height();
                                    //让提示框居中
                                    $("#mb_con").css(
                                      {
                                        top:
                                          (_height -
                                            boxHeight) /
                                            2 +
                                          "px",
                                        left:
                                          (_widht -
                                            boxWidth) /
                                            2 +
                                          "px"
                                      }
                                    );
                                  }
    //确定按钮事件
    var btnOk = function (callback) {
        $("#mb_btn_ok").click(function () {
            $("#mb_box,#mb_con").remove();
            if (typeof (callback) == 'function') {
                callback();
            }
        });
    }
    //取消按钮事件
    var btnNo = function () {
        $("#mb_btn_no,#mb_ico").click(function () {
            $("#mb_box,#mb_con").remove();
        });
    }
})();